<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<html>
	<head>
		<meta charset="utf-8">
		<title>个人空间</title>
		
		<!--移动设备优先-->
		<meta name="viewport" content="width=device-width,initial-scale=1,sharing-to-fit=no">
		
		<!--引入Bootstrap CSS-->
		<link rel="stylesheet" th:href="@{/css/bootstrap.css}">
		
		<style>
			.user{
				width:30px;
				height:30px;
				border-radius: 50%;
				border: #000000 1px solid;
			}
			.profile{
				width:70px;
				height:70px;
				border-radius: 50%;
				border: #000000 1px solid;
			}
			.collect{
				width: 280px;
				height: 180px;
				border-radius: 3%;
			}
		</style>
		
	</head>
	<body>
		<!--导航栏开始-->
		<iframe th:src="@{/navigation/navigationBar.html}"
				frameBorder="0" width="100%" scrolling="no" height="70px"></iframe>
		<!--导航栏结束-->
		
		<!--个人背景墙开始-->
		<section>
			<div class="container" style="background-image: url(../img/banner2085_425.jpg);min-height: 250px;">
				<div class="row">
					<div class="col-2 mt-5 ml-4 align-bottom">
						<img th:src="@{/img/70_70.jpg}" class="profile">
					</div>
				</div>
				<div class="row mt-2">
					<p class="ml-4"><h5 class="text-white" th:text="${user.nickname}"></h5>
					<h6 class="mt-1 mr-2"><span class="badge badge-info text-center ml-2">LV3</span></h6></p>
				</div>
				<div class="row ml-2">
					<small class="text-white-50">该用户已经没有心思花时间写这些细节了...</small>
				</div>
			</div>
		</section>
		<!--个人背景墙开始-->
		
		<!--选项卡开始-->
		<section>
			<div class="container">
				<nav>
				<span th:if="${sit==1}">
				  <div class="nav nav-tabs" id="nav-tab" role="tablist">
				    <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">主页</a>
					<a class="nav-item nav-link" id="nav-state-tab" data-toggle="tab" href="#nav-state" role="tab" aria-controls="nav-state" aria-selected="false">追番</a>
				    <a class="nav-item nav-link" id="nav-contribute-tab" data-toggle="tab" href="#nav-contribute" role="tab" aria-controls="nav-contribute" aria-selected="false">投稿</a>
				    <a class="nav-item nav-link" id="nav-collect-tab" data-toggle="tab" href="#nav-collect" role="tab" aria-controls="nav-collect" aria-selected="false">收藏</a>
					
					<div class="col-5 col-auto ml-auto d-inline-block mt-2">
						<a class="text-muted" href="#">关注数
						<span class="badge badge-pill badge-success mr-3" th:text="${user.focus}"></span></a>
						<a class="text-muted" href="#">粉丝数
						<span class="badge badge-pill badge-success mr-3" th:text="${user.fans}"></span></a>
						<a class="text-muted" href="#">获赞数
						<span class="badge badge-pill badge-success mr-3" th:text="${allZan}"></span></a>
						<a class="text-muted" href="#">播放数
						<span class="badge badge-pill badge-success mr-3" th:text="${allBo}"></span></a>
					</div>
				  </div>
				</span>
				<span th:if="${sit==2}">
				  <div class="nav nav-tabs" id="nav-tab" role="tablist">
				    <a class="nav-item nav-link" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">主页</a>
					<a class="nav-item nav-link" id="nav-state-tab" data-toggle="tab" href="#nav-state" role="tab" aria-controls="nav-state" aria-selected="false">追番</a>
				    <a class="nav-item nav-link" id="nav-contribute-tab" data-toggle="tab" href="#nav-contribute" role="tab" aria-controls="nav-contribute" aria-selected="false">投稿</a>
				    <a class="nav-item nav-link  active" id="nav-collect-tab" data-toggle="tab" href="#nav-collect" role="tab" aria-controls="nav-collect" aria-selected="false">收藏</a>

					<div class="col-5 col-auto ml-auto d-inline-block mt-2">
						<a class="text-muted" href="#">关注数
						<span class="badge badge-pill badge-success mr-3" th:text="${user.focus}"></span></a>
						<a class="text-muted" href="#">粉丝数
						<span class="badge badge-pill badge-success mr-3" th:text="${user.fans}"></span></a>
						<a class="text-muted" href="#">获赞数
						<span class="badge badge-pill badge-success mr-3" th:text="${allZan}"></span></a>
						<a class="text-muted" href="#">播放数
						<span class="badge badge-pill badge-success mr-3" th:text="${allBo}"></span></a>
					</div>
				  </div>
				</span>
				</nav>

				<span th:if="${sit==1}">
				<div class="tab-content" id="nav-tabContent">

					  <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
						   <!--主页开始-->
						  <div class="card mt-4 border-0">
							<div class="row">
							  <div class="col-3">
								  <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
									  <a class="nav-link disabled text-center" id="v-pills-tab" data-toggle="pill" href="#v-pills" role="tab" aria-controls="v-pills" aria-selected="false">我的关注</a>
									  <a class="nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">全部关注</a>
						  			  <a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false">特别关注</a>
									  <a class="nav-link" id="v-pills-messages-tab" data-toggle="pill" href="#v-pills-messages" role="tab" aria-controls="v-pills-messages" aria-selected="false">悄悄关注</a>
									  <a class="nav-link disabled text-center" id="v-pills-tab" data-toggle="pill" href="#v-pills" role="tab" aria-controls="v-pills" aria-selected="false">我的粉丝</a>
									  <a class="nav-link" id="v-pills-settings-tab" data-toggle="pill" href="#v-pills-settings" role="tab" aria-controls="v-pills-settings" aria-selected="false">我的粉丝</a>
								  </div>
							  </div>
							  <div class="col-9">
								<div class="tab-content" id="v-pills-tabContent">
									<!--全部关注开始-->
								  <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
									  <div class="card mt-2">
	<!--									  <iframe th:src="@{/navigation/follow.html}" frameBorder="0" width="100%" scrolling="no" height="800px" th:name="focus"></iframe>-->
										  <iframe th:src="@{/tofollow.html}" frameBorder="0" width="100%" scrolling="no" height="800px" th:name="focus"></iframe>
									  </div>
								  </div>
								   <!--全部关注结束-->
									<!--特别关注开始-->
									<div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
										<div class="card mt-2">
											<iframe frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
										</div>
									</div>
									<!--特别关注结束-->

									<!--悄悄关注开始-->
									<div class="tab-pane fade" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab">
										<div class="card mt-2">
											<iframe frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
										</div>
									</div>
									<!--悄悄关注结束-->
									<!--我的粉丝开始-->
									<div class="tab-pane fade" id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab">
										<div class="card mt-2">
											<iframe th:src="@{/tofollow1.html}" frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
										</div>
									</div>
									<!--我的粉丝结束-->
								</div>
							  </div>
							</div>
						  </div>
					  </div>
				  <!--主页开始-->
				   
				  <!--动态开始-->
				  <div class="tab-pane fade" id="nav-state" role="tabpanel" aria-labelledby="nav-state-tab">
					  <div class="card mt-4">
						  <iframe th:src="@{/tostate.html}"
						  frameBorder="0" width="100%" scrolling="no" height="1000px"></iframe>
					  </div>
				  </div>
				   <!--动态结束-->

				   <!--投稿开始-->
				  <div class="tab-pane fade" id="nav-contribute" role="tabpanel" aria-labelledby="nav-contribute-tab">
					  <div class="card mt-4 border-0">
						  <div class="row">
						    <div class="col-3">
						      <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
						        <a class="nav-link active" id="v-pills-video-tab" data-toggle="pill" href="#v-pills-video" role="tab" aria-controls="v-pills-video" aria-selected="true">视频</a>
						        <a class="nav-link" id="v-pills-audio-tab" data-toggle="pill" href="#v-pills-audio" role="tab" aria-controls="v-pills-audio" aria-selected="false">音频</a>
						        <a class="nav-link" id="v-pills-column-tab" data-toggle="pill" href="#v-pills-column" role="tab" aria-controls="v-pills-column" aria-selected="false">专栏</a>
						        <a class="nav-link" id="v-pills-album-tab" data-toggle="pill" href="#v-pills-album" role="tab" aria-controls="v-pills-album" aria-selected="false">相簿</a>
						      </div>
						    </div>
						    <div class="col-9">
						      <div class="tab-content" id="v-pills-tabContent">
							<!--我的视频开始-->
						        <div class="tab-pane fade show active" id="v-pills-video" role="tabpanel" aria-labelledby="v-pills-video-tab">
									<div class="card mt-2">
										<div class="col mt-2">
											<h6>我的视频</h6>
										</div>
										<hr />
										<div class="card-body">
											<iframe th:src="@{/tocontribute.html}"
											frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
										</div>
									</div>
								</div>
							<!--我的视频结束-->
								
								<!--我的音频开始-->
						        <div class="tab-pane fade" id="v-pills-audio" role="tabpanel" aria-labelledby="v-pills-audio-tab">
									<div class="card mt-2">
										<div class="col mt-2">
											<h6>我的音频</h6>
										</div>
										<hr />
										<div class="card-body">
											<iframe frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
										</div>
									</div>
								</div>
								<!--我的音频结束-->

								<!--我的专栏开始-->
						        <div class="tab-pane fade" id="v-pills-column" role="tabpanel" aria-labelledby="v-pills-column-tab">
									<div class="card mt-2">
										<div class="col mt-2">
											<h6>我的专栏</h6>
										</div>
										<hr />
										<div class="card-body">
											<iframe frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
										</div>
									</div>
								</div>
								<!--我的专栏结束-->

								<!--我的相簿开始-->
						        <div class="tab-pane fade" id="v-pills-album" role="tabpanel" aria-labelledby="v-pills-album-tab">
									<div class="card mt-2">
										<div class="col mt-2">
											<h6>我的相簿</h6>
										</div>
										<hr />
										<div class="card-body">
											<iframe frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
										</div>
									</div>
								</div>
								<!--我的相簿结束-->
						      </div>
						    </div>
						  </div>
					  </div>
				  </div>
				   <!--投稿结束-->
				   
				    <!--收藏开始-->
				  <div class="tab-pane fade" id="nav-collect" role="tabpanel" aria-labelledby="nav-collect-tab">
					  <div class="card mt-4 border-0">
					  	<div class="row">
					  	  <div class="col-3">
					  	    <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
					  	      <a class="nav-link active" id="v-pills-def-tab" data-toggle="pill" href="#v-pills-def" role="tab" aria-controls="v-pills-def" aria-selected="true">🎫  默认收藏夹</a>
					  	      <a class="nav-link" id="v-pills-uku-tab" data-toggle="pill" href="#v-pills-uku" role="tab" aria-controls="v-pills-uku" aria-selected="false">🎶  尤克里里</a>
					  	      <a class="nav-link" id="v-pills-foods-tab" data-toggle="pill" href="#v-pills-foods" role="tab" aria-controls="v-pills-foods" aria-selected="false">🍤  美食</a>
					  	      <a class="nav-link" id="v-pills-study-tab" data-toggle="pill" href="#v-pills-study" role="tab" aria-controls="v-pills-study" aria-selected="false">✔  学习</a>
					  	    </div>
					  	  </div>
					  	  <div class="col-9">
					  	    <div class="tab-content" id="v-pills-tabContent">
								<!--默认收藏夹开始-->
					  	      <div class="tab-pane fade show active" id="v-pills-def" role="tabpanel" aria-labelledby="v-pills-def-tab">
								  <div class="card mt-2">
									  <div class="row">
									  	<div class="col-4 ml-2 mt-2">
									  		<img th:src="@{/img/c2_280_180.png}" class="collect" >
									  	</div>
									  	<div class="col-3 d-inline-block ml-4 mt-5">
									  		<p><h6>🎫  默认收藏夹</h6></p>
									  		<p><a class="text-muted mt-4"><small>创建者：该用户已注销</small></a></p>
									  		<p><a class="text-muted"><small>创建于：2020年12月31日</small></a></p>
									  	</div>
									  </div>
									  <hr />
									  <iframe th:src="@{/tocollect.html}"
									  frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
								  </div>
							  </div>
							  <!--默认收藏夹结束-->
							  
							  <!--尤克里里开始-->
					  	      <div class="tab-pane fade" id="v-pills-uku" role="tabpanel" aria-labelledby="v-pills-uku-tab">
								  <div class="card mt-2">
									  <div class="row">
									  	<div class="col-4 ml-2 mt-2">
									  		<img th:src="@{/img/c2_280_180.png}" class="collect" >
									  	</div>
									  	<div class="col-3 d-inline-block ml-4 mt-5">
									  		<p><h6>🎶  尤克里里</h6></p>
									  		<p><a class="text-muted mt-4"><small>创建者：该用户已注销</small></a></p>
									  		<p><a class="text-muted"><small>创建于：2020年8月31日</small></a></p>
									  	</div>
									  </div>
									  <hr />
									  <iframe frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
								  </div>
							  </div>
							  <!--尤克里里结束-->
							  
							  <!--美食开始-->
					  	      <div class="tab-pane fade" id="v-pills-foods" role="tabpanel" aria-labelledby="v-pills-foods-tab">
								  <div class="card mt-2">
									  <div class="row">
									  	<div class="col-4 ml-2 mt-2">
									  		<img src="../img/c2_280_180.png" class="collect" >
									  	</div>
									  	<div class="col-3 d-inline-block ml-4 mt-5">
									  		<p><h6>🍤  美食</h6></p>
									  		<p><a class="text-muted mt-4"><small>创建者：该用户已注销</small></a></p>
									  		<p><a class="text-muted"><small>创建于：2020年4月21日</small></a></p>
									  	</div>
									  </div>
									  <hr />
									  <iframe frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
								  </div>
							  </div>
							  <!--美食结束-->
							  
							  <!--学习开始-->
					  	      <div class="tab-pane fade" id="v-pills-study" role="tabpanel" aria-labelledby="v-pills-study-tab">
								  <div class="card mt-2">
									  <div class="row">
									  	<div class="col-4 ml-2 mt-2">
									  		<img th:src="@{/img/c2_280_180.png}" class="collect" >
									  	</div>
									  	<div class="col-3 d-inline-block ml-4 mt-5">
									  		<p><h6>✔  学习</h6></p>
									  		<p><a class="text-muted mt-4"><small>创建者：该用户已注销</small></a></p>
									  		<p><a class="text-muted"><small>创建于：2020年1月31日</small></a></p>
									  	</div>
									  </div>
									  <hr />
									  <iframe frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
								  </div>
							  </div>
							  <!--学习结束-->
					  	    </div>
					  	  </div>
					  	</div>
					  </div>
				  </div>
				</div>
				</span>
				   <!--收藏结束-->
				<span th:if="${sit==2}">
				<div class="tab-content" id="nav-tabContent">

					  <div class="tab-pane fade " id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
						   <!--主页开始-->
						  <div class="card mt-4 border-0">
							<div class="row">
							  <div class="col-3">
								  <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
									  <a class="nav-link disabled text-center" id="v-pills-tab" data-toggle="pill" href="#v-pills" role="tab" aria-controls="v-pills" aria-selected="false">我的关注</a>
									  <a class="nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">全部关注</a>
						  			  <a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false">特别关注</a>
									  <a class="nav-link" id="v-pills-messages-tab" data-toggle="pill" href="#v-pills-messages" role="tab" aria-controls="v-pills-messages" aria-selected="false">悄悄关注</a>
									  <a class="nav-link disabled text-center" id="v-pills-tab" data-toggle="pill" href="#v-pills" role="tab" aria-controls="v-pills" aria-selected="false">我的粉丝</a>
									  <a class="nav-link" id="v-pills-settings-tab" data-toggle="pill" href="#v-pills-settings" role="tab" aria-controls="v-pills-settings" aria-selected="false">我的粉丝</a>
								  </div>
							  </div>
							  <div class="col-9">
								<div class="tab-content" id="v-pills-tabContent">
									<!--全部关注开始-->
								  <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
									  <div class="card mt-2">
	<!--									  <iframe th:src="@{/navigation/follow.html}" frameBorder="0" width="100%" scrolling="no" height="800px" th:name="focus"></iframe>-->
										  <iframe th:src="@{/tofollow.html}" frameBorder="0" width="100%" scrolling="no" height="800px" th:name="focus"></iframe>
									  </div>
								  </div>
									<!--全部关注结束-->
									<!--特别关注开始-->
									<div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
										<div class="card mt-2">
											<iframe frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
										</div>
									</div>
									<!--特别关注结束-->

									<!--悄悄关注开始-->
									<div class="tab-pane fade" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab">
										<div class="card mt-2">
											<iframe frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
										</div>
									</div>
									<!--悄悄关注结束-->
									<!--我的粉丝开始-->
									<div class="tab-pane fade" id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab">
										<div class="card mt-2">
											<iframe th:src="@{/tofollow1.html}" frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
										</div>
									</div>
									<!--我的粉丝结束-->
								</div>
							  </div>
							</div>
						  </div>
					  </div>
					<!--主页开始-->

					<!--动态开始-->
				  <div class="tab-pane fade" id="nav-state" role="tabpanel" aria-labelledby="nav-state-tab">
					  <div class="card mt-4">
						  <iframe th:src="@{/tostate.html}"
								  frameBorder="0" width="100%" scrolling="no" height="1000px"></iframe>
					  </div>
				  </div>
					<!--动态结束-->

					<!--投稿开始-->
				  <div class="tab-pane fade" id="nav-contribute" role="tabpanel" aria-labelledby="nav-contribute-tab">
					  <div class="card mt-4 border-0">
						  <div class="row">
						    <div class="col-3">
						      <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
						        <a class="nav-link active" id="v-pills-video-tab" data-toggle="pill" href="#v-pills-video" role="tab" aria-controls="v-pills-video" aria-selected="true">视频</a>
						        <a class="nav-link" id="v-pills-audio-tab" data-toggle="pill" href="#v-pills-audio" role="tab" aria-controls="v-pills-audio" aria-selected="false">音频</a>
						        <a class="nav-link" id="v-pills-column-tab" data-toggle="pill" href="#v-pills-column" role="tab" aria-controls="v-pills-column" aria-selected="false">专栏</a>
						        <a class="nav-link" id="v-pills-album-tab" data-toggle="pill" href="#v-pills-album" role="tab" aria-controls="v-pills-album" aria-selected="false">相簿</a>
						      </div>
						    </div>
						    <div class="col-9">
						      <div class="tab-content" id="v-pills-tabContent">
							<!--我的视频开始-->
						        <div class="tab-pane fade show active" id="v-pills-video" role="tabpanel" aria-labelledby="v-pills-video-tab">
									<div class="card mt-2">
										<div class="col mt-2">
											<h6>我的视频</h6>
										</div>
										<hr />
										<div class="card-body">
											<iframe th:src="@{/tocontribute.html}"
													frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
										</div>
									</div>
								</div>
								  <!--我的视频结束-->

								  <!--我的音频开始-->
						        <div class="tab-pane fade" id="v-pills-audio" role="tabpanel" aria-labelledby="v-pills-audio-tab">
									<div class="card mt-2">
										<div class="col mt-2">
											<h6>我的音频</h6>
										</div>
										<hr />
										<div class="card-body">
											<iframe frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
										</div>
									</div>
								</div>
								  <!--我的音频结束-->

								  <!--我的专栏开始-->
						        <div class="tab-pane fade" id="v-pills-column" role="tabpanel" aria-labelledby="v-pills-column-tab">
									<div class="card mt-2">
										<div class="col mt-2">
											<h6>我的专栏</h6>
										</div>
										<hr />
										<div class="card-body">
											<iframe frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
										</div>
									</div>
								</div>
								  <!--我的专栏结束-->

								  <!--我的相簿开始-->
						        <div class="tab-pane fade" id="v-pills-album" role="tabpanel" aria-labelledby="v-pills-album-tab">
									<div class="card mt-2">
										<div class="col mt-2">
											<h6>我的相簿</h6>
										</div>
										<hr />
										<div class="card-body">
											<iframe frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
										</div>
									</div>
								</div>
								  <!--我的相簿结束-->
						      </div>
						    </div>
						  </div>
					  </div>
				  </div>
					<!--投稿结束-->

					<!--收藏开始-->
				  <div class="tab-pane fade show active" id="nav-collect" role="tabpanel" aria-labelledby="nav-collect-tab">
					  <div class="card mt-4 border-0">
					  	<div class="row">
					  	  <div class="col-3">
					  	    <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
					  	      <a class="nav-link active" id="v-pills-def-tab" data-toggle="pill" href="#v-pills-def" role="tab" aria-controls="v-pills-def" aria-selected="true">🎫  默认收藏夹</a>
					  	      <a class="nav-link" id="v-pills-uku-tab" data-toggle="pill" href="#v-pills-uku" role="tab" aria-controls="v-pills-uku" aria-selected="false">🎶  尤克里里</a>
					  	      <a class="nav-link" id="v-pills-foods-tab" data-toggle="pill" href="#v-pills-foods" role="tab" aria-controls="v-pills-foods" aria-selected="false">🍤  美食</a>
					  	      <a class="nav-link" id="v-pills-study-tab" data-toggle="pill" href="#v-pills-study" role="tab" aria-controls="v-pills-study" aria-selected="false">✔  学习</a>
					  	    </div>
					  	  </div>
					  	  <div class="col-9">
					  	    <div class="tab-content" id="v-pills-tabContent">
								<!--默认收藏夹开始-->
					  	      <div class="tab-pane fade show active" id="v-pills-def" role="tabpanel" aria-labelledby="v-pills-def-tab">
								  <div class="card mt-2">
									  <div class="row">
									  	<div class="col-4 ml-2 mt-2">
									  		<img th:src="@{/img/c2_280_180.png}" class="collect" >
									  	</div>
									  	<div class="col-3 d-inline-block ml-4 mt-5">
									  		<p><h6>🎫  默认收藏夹</h6></p>
											<p><a class="text-muted mt-4"><small>创建者：该用户已注销</small></a></p>
									  		<p><a class="text-muted"><small>创建于：2020年12月31日</small></a></p>
									  	</div>
									  </div>
									  <hr />
									  <iframe th:src="@{/tocollect.html}"
											  frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
								  </div>
							  </div>
								<!--默认收藏夹结束-->

								<!--尤克里里开始-->
					  	      <div class="tab-pane fade" id="v-pills-uku" role="tabpanel" aria-labelledby="v-pills-uku-tab">
								  <div class="card mt-2">
									  <div class="row">
									  	<div class="col-4 ml-2 mt-2">
									  		<img th:src="@{/img/c2_280_180.png}" class="collect" >
									  	</div>
									  	<div class="col-3 d-inline-block ml-4 mt-5">
									  		<p><h6>🎶  尤克里里</h6></p>
											<p><a class="text-muted mt-4"><small>创建者：该用户已注销</small></a></p>
									  		<p><a class="text-muted"><small>创建于：2020年8月31日</small></a></p>
									  	</div>
									  </div>
									  <hr />
									  <iframe frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
								  </div>
							  </div>
								<!--尤克里里结束-->

								<!--美食开始-->
					  	      <div class="tab-pane fade" id="v-pills-foods" role="tabpanel" aria-labelledby="v-pills-foods-tab">
								  <div class="card mt-2">
									  <div class="row">
									  	<div class="col-4 ml-2 mt-2">
									  		<img src="../img/c2_280_180.png" class="collect" >
									  	</div>
									  	<div class="col-3 d-inline-block ml-4 mt-5">
									  		<p><h6>🍤  美食</h6></p>
											<p><a class="text-muted mt-4"><small>创建者：该用户已注销</small></a></p>
									  		<p><a class="text-muted"><small>创建于：2020年4月21日</small></a></p>
									  	</div>
									  </div>
									  <hr />
									  <iframe frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
								  </div>
							  </div>
								<!--美食结束-->

								<!--学习开始-->
					  	      <div class="tab-pane fade" id="v-pills-study" role="tabpanel" aria-labelledby="v-pills-study-tab">
								  <div class="card mt-2">
									  <div class="row">
									  	<div class="col-4 ml-2 mt-2">
									  		<img th:src="@{/img/c2_280_180.png}" class="collect" >
									  	</div>
									  	<div class="col-3 d-inline-block ml-4 mt-5">
									  		<p><h6>✔  学习</h6></p>
											<p><a class="text-muted mt-4"><small>创建者：该用户已注销</small></a></p>
									  		<p><a class="text-muted"><small>创建于：2020年1月31日</small></a></p>
									  	</div>
									  </div>
									  <hr />
									  <iframe frameBorder="0" width="100%" scrolling="no" height="800px"></iframe>
								  </div>
							  </div>
								<!--学习结束-->
					  	    </div>
					  	  </div>
					  	</div>
					  </div>
				  </div>
				</div>
				</span>
				<!--收藏结束-->
			</div>
		</section>
		
		<!--选项卡开始-->
		
		<!--引入 JavaScript文件和jQuery-->
		<!--引入顺序：jQuery，然后Popper.js，然后Bootstrap.js-->
		<script th:src="@{/js/jquery.min.js}"></script>
		<script th:src="@{/js/bootstrap.bundle.js}"></script>
	</body>
</html>
